$(function () {
    let ipt = document.querySelector('.ipt')
    $(ipt).on('blur', function () {
        $('#suggest-list').empty().hide()
    })
    let cacheObj = []
    $(ipt).on('focus', function () {
        var timer = null
        $(ipt).on('keyup', function () {
            let value = $(this).val().trim()
            if (cacheObj[value]) {
                return load(cacheObj[value])
            }
            clearTimeout(timer)
            // console.log(value);
            if (value.length === 0) {
                return $('#suggest-list').empty().hide()
            }
            timer = setTimeout(function () {
                fix(value)
            }, 400)
        })
    })

    function fix(val) {
        $.ajax({
            // 指定请求的 URL 地址，其中，q 是用户输入的关键字
            url: 'https://suggest.taobao.com/sug?q=' + val,
            // 指定要发起的是 JSONP 请求
            dataType: 'jsonp',
            // 成功的回调函数
            success: function (res) {
                // console.log(res);

                load(res)
            }
        })
    }

    function load(res) {

        if (res.result.length <= 0) {
            return $('#suggest-list').empty().hide()
        }
        var theHtml = template('theBox', res)
        $('#suggest-list').html(theHtml).show()
        var k = $('.ipt')
            .val()
            .trim()
        cacheObj[k] = res
    }


})